// pages/demo/demo.js

import { $init, $digest } from '../../utils/common.util'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    result:"we will return result for you!",
    images:""
  },
  onLoad(options) {
    $init(this)
  },
  chooseImage(e) {
    var that = this;
    wx.showActionSheet({
      itemList: ['从相册中选择', '拍照'],
      itemColor: "#00000",
      success: function (res) {
        console.log(res);
        if (!res.cancel) {
          if (res.tapIndex == 0) {
            that.chooseWxImage('album')
          } else if (res.tapIndex == 1) {
            that.chooseWxImage('camera')
          }
        }
      }
    })
    // wx.chooseImage({
    //   sizeType: ['original', 'compressed'],  //可选择原图或压缩后的图片
    //   sourceType: ['album', 'camera'], //可选择性开放访问相册、相机
    //   success: res => {
    //     const images = this.data.images.concat(res.tempFilePaths)
    //     // 限制最多只能留下1张照片
    //     this.data.images = images.length <= 1 ? images : images.slice(0, 1) 
    //     $digest(this)
    //   }
    // })
  },
  removeImage(e) {
    const idx = e.target.dataset.idx
    this.data.images.splice(idx, 1)
    $digest(this)
  },
  handleImagePreview(e) {
    const idx = e.target.dataset.idx
    const images = this.data.images
    console.log(images);
    wx.previewImage({
      
      current: images,  //当前预览的图片
      urls: images,  //所有要预览的图片
    })
  },
  // submitForm(e) {
  //   console.log("submitForm");
  //   const title = this.data.title
  //   const content = this.data.content

  //   if (title && content) {
  //     wx.showLoading({
  //       title: '正在创建...',
  //       mask: true
  //     })

  //     // 将选择的图片组成一个Promise数组，准备进行并行上传
  //     const arr = this.data.images.map(path => {
  //       return wxUploadFile({
  //         url: config.urls.question + '/image/upload',
  //         filePath: path,
  //         name: 'qimg',
  //       })
  //     })

  //     // 开始并行上传图片
  //     Promise.all(arr).then(res => {
  //       // 上传成功，获取这些图片在服务器上的地址，组成一个数组
  //       return res.map(item => JSON.parse(item.data).url)
  //     }).catch(err => {
  //       console.log(">>>> upload images error:", err)
  //     }).then(urls => {
  //       // 调用保存问题的后端接口
  //       return createQuestion({
  //         title: title,
  //         content: content,
  //         images: urls
  //       })
  //     }).then(res => {
  //       // 保存问题成功，返回上一页（通常是一个问题列表页）
  //       const pages = getCurrentPages();
  //       const currPage = pages[pages.length - 1];
  //       const prevPage = pages[pages.length - 2];

  //       // 将新创建的问题，添加到前一页（问题列表页）第一行
  //       prevPage.data.questions.unshift(res)
  //       $digest(prevPage)

  //       wx.navigateBack()
  //     }).catch(err => {
  //       console.log(">>>> create question error:", err)
  //     }).then(() => {
  //       // wx.hideLoading()
  //     })
  //   }
  // },
  submit: function () {
    var that = this;
    that.upImgs(that.data.images[0])
  },
  chooseWxImage: function (type) {
    var that = this;
    wx.chooseImage({
      sizeType: ['original', 'compressed'],
      sourceType: [type],
      success: function (res) {
        that.data.images = res.tempFilePaths
        $digest(that)
      }
    }) 
  },

  upImgs: function (imgurl) {
    
    var that = this;
    console.log(imgurl);

    wx.uploadFile({
      url: 'http://49.235.222.59:5000/predict',//
      filePath: imgurl,
      name: 'file',
      header: {
        'content-type': 'multipart/form-data'
      },
      formData: null,
      success: function (res) {
        var response = JSON.parse(res.data)
        var result=response["result"]
        that.setData({
          result: result
        })
      },
      fail: function (res) {
        that.setData({
          result:"please add picture!"
        })
        console.log("error:"+res)

      }
    })
  },

  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})